home *** CD-ROM | disk | FTP | other *** search
/ PC World Komputer 2010 April / PCWorld0410.iso / pluginy Firefox / 10900 / 10900.xpi / chrome.jar / skin / mac3.0 / personas.css next >
Encoding:
Cascading Style Sheet File  |  2009-11-25  |  7.4 KB  |  205 lines
  1. /* ***** BEGIN LICENSE BLOCK *****
  2.  * Version: MPL 1.1/GPL 2.0/LGPL 2.1
  3.  *
  4.  * The contents of this file are subject to the Mozilla Public License Version
  5.  * 1.1 (the "License"); you may not use this file except in compliance with
  6.  * the License. You may obtain a copy of the License at
  7.  * http://www.mozilla.org/MPL/
  8.  *
  9.  * Software distributed under the License is distributed on an "AS IS" basis,
  10.  * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
  11.  * for the specific language governing rights and limitations under the
  12.  * License.
  13.  *
  14.  * The Original Code is Personas.
  15.  *
  16.  * The Initial Developer of the Original Code is Mozilla.
  17.  * Portions created by the Initial Developer are Copyright (C) 2007
  18.  * the Initial Developer. All Rights Reserved.
  19.  *
  20.  * Contributor(s):
  21.  *   Chris Beard <cbeard@mozilla.org>
  22.  *   Myk Melez <myk@mozilla.org>
  23.  *
  24.  * Alternatively, the contents of this file may be used under the terms of
  25.  * either the GNU General Public License Version 2 or later (the "GPL"), or
  26.  * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
  27.  * in which case the provisions of the GPL or the LGPL are applicable instead
  28.  * of those above. If you wish to allow use of your version of this file only
  29.  * under the terms of either the GPL or the LGPL, and not to allow others to
  30.  * use your version of this file under the terms of the MPL, indicate your
  31.  * decision by deleting the provisions above and replace them with the notice
  32.  * and other provisions required by the GPL or the LGPL. If you do not delete
  33.  * the provisions above, a recipient may use your version of this file under
  34.  * the terms of any one of the MPL, the GPL or the LGPL.
  35.  *
  36.  * ***** END LICENSE BLOCK ***** */
  37.  
  38.  
  39. /* Note: pan-OS styles live in the content/personas.css stylesheet. */
  40.  
  41.  
  42. /******************************************************************************/
  43. /* Header */
  44.  
  45. #main-window[persona] {
  46.   -moz-appearance: none;
  47. }
  48.  
  49. #main-window[persona] #navigator-toolbox toolbar {
  50.   -moz-appearance: none;
  51.   background-color: transparent;
  52.   background-image: none; 
  53. }
  54.  
  55. #main-window[persona] #nav-bar {
  56.   /* When we set -moz-appearance: none so the persona will appear, the toolbar
  57.    * gains 1px tall top and bottom borders.  This causes the toolbar to become
  58.    * 2px bigger overall, which would make content jump down two pixels.
  59.    * To prevent that jump, we remove the top and bottom borders, matching their
  60.    * state in the default theme with -moz-appearance: -moz-mac-unified-toolbar.
  61.    */
  62.   border-top: none;
  63.   border-bottom: none;
  64. }
  65.  
  66. #main-window[persona] #PersonalToolbar {
  67.   /* The personal (a.k.a. bookmarks) toolbar doesn't have a -moz-appearance,
  68.    * but it does have top and bottom borders, which we simply hide by setting
  69.    * their color to transparent.  Note that the bottom border is set via both
  70.    * border-bottom-color and -moz-border-bottom-colors in the default theme.
  71.    * The latter appears to override the former, so we probably only need to set
  72.    * -moz-border-bottom-colors to transparent, but we set them both anyway
  73.    * just in case.
  74.    */
  75.   border-top-color: transparent;
  76.   border-bottom-color: transparent;
  77.   -moz-border-bottom-colors: transparent;
  78. }
  79.  
  80. /* Gray out the window slightly when it's not active. */
  81. #main-window[persona]:not([active="true"]) > #navigator-toolbox > toolbar,
  82. #main-window[persona]:not([active="true"]) > #navigator-toolbox > #nav-bar,
  83. #main-window[persona]:not([active="true"]) > #navigator-toolbox > #PersonalToolbar {
  84.   -moz-appearance: none;
  85.   background-image: none; 
  86.   background-color: transparent; 
  87.   border-top-color: transparent;
  88.   border-bottom-color: transparent;
  89.   -moz-border-bottom-colors: transparent;
  90. }
  91.  
  92. /* Change the toolbarbutton icons for the default toolbarbuttons when a persona
  93.  * is active.  Firefox applies its version of Toolbar.png to all toolbarbuttons
  94.  * with class toolbarbutton-1, but we can't simply do the same, since extensions
  95.  * frequently apply that class to their toolbarbuttons, and our rule can
  96.  * override the extensions' rules, causing our Toolbar.png to appear in place
  97.  * of their icons (see bug 482318).  Instead we have to apply our icons to each
  98.  * default toolbarbutton individually. */
  99. #main-window[persona] #back-button,
  100. #main-window[persona] #forward-button,
  101. #main-window[persona] #reload-button,
  102. #main-window[persona] #stop-button,
  103. #main-window[persona] #print-button,
  104. #main-window[persona] #downloads-button,
  105. #main-window[persona] #history-button,
  106. #main-window[persona] #bookmarks-button,
  107. #main-window[persona] #new-tab-button,
  108. #main-window[persona] #new-window-button,
  109. #main-window[persona] #cut-button,
  110. #main-window[persona] #copy-button,
  111. #main-window[persona] #paste-button,
  112. #main-window[persona] #back-forward-dropmarker {
  113.   list-style-image: url("chrome://personas/skin/Toolbar.png");
  114. }
  115.  
  116. /* The Home button gets styled specially when placed on the Bookmarks Toolbar.
  117.  * There it takes on the appearance of a bookmark.  And we don't want to hork
  118.  * that.  So here we only apply the persona-specific style when the button
  119.  * is not a bookmark item. */
  120. #main-window[persona] #home-button:not(.bookmark-item) {
  121.   list-style-image: url("chrome://personas/skin/Toolbar.png");
  122. }
  123.  
  124. /* Eliminate text shadows from toolbarbutton and tab text so it doesn't create
  125.  * an unnatural color stroke on the bottom half of the text. */
  126. #main-window[persona] .toolbarbutton-text-shadow,
  127. #main-window[persona] .tab-text-shadow {
  128.   display: none;
  129. }
  130.  
  131. #main-window[persona] .tabbrowser-tabs {
  132.   -moz-appearance: none;
  133.   background-image: none; 
  134.   background-color: transparent;
  135. }
  136.  
  137. #main-window[persona] .tabbrowser-strip {
  138.   -moz-appearance: none;
  139.   background-image: url(chrome://personas/skin/tabbrowser-tabs-bkgnd.png);
  140.   background-color: transparent; 
  141. }
  142.  
  143. #main-window[persona] .tabbrowser-tab {
  144.   /*opacity: 0.6;*/
  145. }
  146.  
  147. #main-window[persona] .tabbrowser-tab[selected="true"],
  148. #main-window[persona] .tabbrowser-tab:hover {
  149.   opacity: 0.8;
  150. }
  151.  
  152. #main-window[persona] .tabbrowser-tab:not([selected="true"]),
  153. #main-window[persona] .tab-text {
  154.   font-weight: normal !important;
  155. }
  156.  
  157.  
  158. /******************************************************************************/
  159. /* Make some elements a little transparent so the persona flavors their look. */
  160. #main-window[persona] #urlbar,
  161. #main-window[persona] #searchbar {
  162.   opacity: 0.8;
  163. }
  164.  
  165. #main-window[persona] .toolbarbutton-1, #back-forward-dropmarker {
  166.   /*opacity: 0.9;*/
  167. }
  168.  
  169. #main-window[persona] toolbarbutton.bookmark-item {
  170.   -moz-appearance: none;
  171.   background-color: transparent;
  172. }
  173.  
  174. #main-window[persona] .findbar-find-next,
  175. #main-window[persona] .findbar-find-previous,
  176. #main-window[persona] .findbar-highlight {
  177.   background: url("chrome://personas/skin/white-gray-gradient.png") repeat-x top center;
  178.   color: inherit !important;
  179. }
  180.  
  181. #main-window[persona] .findbar-container > toolbarbutton:not([disabled]):hover:active,
  182. #main-window[persona] .findbar-container > hbox > toolbarbutton:not([disabled]):hover:active {
  183.   background-image: url("chrome://personas/skin/white-gray-gradient-active.png");
  184.   color: inherit !important;
  185. }
  186.  
  187. #main-window[persona] .findbar-container > toolbarbutton[disabled],
  188. #main-window[persona] .findbar-container > hbox > toolbarbutton[disabled] {
  189.   opacity: 0.5;
  190. }
  191.  
  192.  
  193. /******************************************************************************/
  194. /* Footer */
  195.  
  196. #browser-bottombox[persona] statusbar {
  197.   border-top-width: 1px !important;
  198.   border-top-color: transparent !important;
  199. }
  200.  
  201. #browser-bottombox[persona] #FindToolbar {
  202.   border-top-width: 1px;
  203.   border-top-color: transparent;
  204. }
  205.